// //视频预览部分
.body {
	#video {
		position: relative;
		background-color: #000;
		img {
			width: 100%;
			height: 300px;
		}
		#wei {
			color: #fff;
			font-size: 50px;
			position: absolute;
			left: 42%;
			top: 40%;
		}

		#jiantou {
			position: absolute;
			left: 0px;
			top: 0px;
			font-size: 50px;
			color: #fff;
			margin-left: 10px;
		}
		p {
			font-size: 16px;
			position: absolute;
			color: #fff;
			left: 40%;
			top: 60%;
		}
	}
	main {
		padding: 0px 20px;
		box-sizing: border-box;
		//巧克力腹肌雕刻
		#detail {
			width: 100%;
			height: 80px;
			border-bottom: 2px solid #dbdbdb;
			h1 {
				font-weight: bold;
				margin: 0;
				font-size: 20px;
				line-height: 50px;
			}
			.time {
				display: flex;
				justify-content: space-between;
				a {
					color: #3b5265;
				}
			}
		}
		//头像用户名
		#header {
			#user {
				margin: 20px 0px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				img {
					width: 80px;
					height: 80px;
					border-radius: 50%;
				}
				p {
					margin-left: 10px;
				}
				span {
					display: inline-block;
				}
				#concern {
					display: inline-block;
					width: 100px;
					height: 30px;
					line-height: 30px;
					text-align: center;
					color: #fff;
					border-radius: 20px;
					background-color: #4294ff;
				}
			}
			#text {
				//多行超出隐藏
				text-overflow: ellipsis;
				-webkit-line-clamp: 2;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				overflow: hidden;
			}
			#exercise {
				position: relative;
				display: flex;
				justify-content: space-between;
				#exercise1 {
					border-right: 1px dotted #dbdbdb;
				}
				p {
					margin-top: 15px;
					margin-left: 40px;
					width: 40%;
					height: 50px;
					font-weight: bold;
					span {
						font-weight: normal;
						margin-top: 10px;
						display: block;
					}
				}
				#shujuku {
					font-size: 20px;
					position: absolute;
					left: 16px;
					top: 13px;
				}
				#gangling {
					font-size: 20px;
					position: absolute;
					right: 130px;
					top: 13px;
				}
			}
		}

		//底部按钮
		#start {
			display: block;
			width: 90%;
			height: 40px;
			line-height: 40px;
			text-align: center;
			margin: 10px auto;
			border-radius: 30px;
			color: #fff;
			background-color: #4294ff;
		}
	}
}
